<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YOU - Messages</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>
<div class="container">
    <?php
        include 'header2.php';
		
		require_once('config.php');
    	$user_id = $_COOKIE['id_active'];
    ?>
    <div class="content">
    	<div class="headcontent">
            <span class="randomtext" style="margin-left:50px">Hi, <?php
																	$sql="SELECT fullname FROM user WHERE iduser='$user_id'";
																	$result=mysql_query($sql);
																	while($res = mysql_fetch_array($result))
																	{
																		$nama = $res['fullname'];
																	}
																	echo $nama; 
																?></span>
            <span class="randomtext" style="padding-left:900px">MESSAGES</span>
        	<hr/>
        </div>
        <div class="leftcontent" style="width:300px; border-right:groove">
            <div class="randomtext">Create New Message</div>
            <div>
                <form>
                    <div class="items">
                        <label style="text-align:left">To :</label><br/>
                        <input type="text" name="dst" style="width:280px" />
                    </div>
                    <div class="items">
                        <label style="text-align:left">Subject :</label><br/>
                        <input type="text" name="subject" style="width:280px" />
                    </div>
                    <div class="items">
                        <label style="text-align:left">Message :</label><br/>
                        <textarea name="msg" rows="10" cols="33"></textarea>
                    </div>
                    <div class="items">
                        <button type="submit">Send</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="leftcontent" style="width:700px">
        	<div class="randomtext">Message 1</div>
            <div class="wallpost">
            	<div class="items">
                	<label>From</label> : <label>Sesuatu</label>
                </div>
                <div class="items">
                	<label>To</label> : <label>Pengirim</label>
                </div>
                <div class="items">
                	<label>Subject</label> : <label>Penerima</label>
                </div>
            </div>
            <div class="wallpost">
                <div class="post">
                    <div class="postitem" style="width: 65px">
                        <div class="fotoitem">
                            <img src="images/pudy.jpg" alt="pudy cantik" height="50" width="50" />
                        </div>
                  	</div>
                    <div class="postitem" style="width: 450px">
                        <label>Pudy Prima</label><br/>
                        <label>Hari ini menyenangkan</label><br/>
                        <label>19 Maret 2011</label>
                    </div>
                    <div class="postitem">
                        <label>Delete</label>
                    </div>
                    <div class="clearboth"></div>
                </div>
                <div class="post">
                    <div class="postitem" style="width: 65px">
                        <div class="fotoitem">
                            <img src="images/pudy.jpg" alt="pudy cantik" height="40" width="40" />
                        </div>
                  	</div>
                    <div class="postitem" style="width: 450px">
                        <label>Pudy Prima</label><br/>
                        <label>Iya menyenangkan, labil ngomenin post sendiri</label><br/>
                        <label>19 Maret 2011</label>
                    </div>
                    <div class="postitem">
                        <label>Delete</label>
                    </div>
                    <div class="clearboth"></div>
                </div>
                <div class="post">
                    <div class="post">
                        <textarea rows="2" cols="72" name="post"></textarea>
                    </div>
                    <div>
                        <button type="submit">Post</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="leftcontent" style="width:240px">
            <div class="randomtext">Messages List</div>
            <div class="right1" style="border-style: groove">
            	<div>Pesan 1</div>
                <div>Subject</div>
                <div>Sender</div>
                <div>Receiver</div>
            </div>
            <div class="right1" style="border-style: groove">
            	<div>Pesan 2</div>
                <div>Subject</div>
                <div>Sender</div>
                <div>Receiver</div>
            </div>
        </div>
        <div class="clearboth"></div>
    </div>
    <div class="footer"></div>
</div>
</body>
</html>
